<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">

        <meta name="description" content="Violate Responsive Admin Template">
        <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

        <title>room</title>
            
        <!-- CSS -->
        <link href="lib/css/bootstrap.min.css" rel="stylesheet">
        <link href="lib/css/animate.min.css" rel="stylesheet">
        <link href="lib/css/font-awesome.css" rel="stylesheet">
        <link href="lib/css/form.css" rel="stylesheet">
        <link href="lib/css/calendar.css" rel="stylesheet">
        <link href="lib/css/style.css" rel="stylesheet">
        <link href="lib/css/icons.css" rel="stylesheet">
        <link href="lib/css/generics.css" rel="stylesheet">
       <link rel="stylesheet" href="sort/css/kj.css"/>
    <link rel="stylesheet" href="sort/css/room.css"/>
    <link href="sort/css/wqcss.css" rel="stylesheet">

    </head>
    <body id="skin-blur-lights" ng-app="myapp2">

        <header id="header" class="media">
            <!--<a href="" id="menu-toggle"></a> -->
            <a class="logo pull-left" href="index.html">Hotel System</a>
            
            <div class="media-body">
                <!------------------第一行------------------------>
                <div class="media" id="top-menu">

                    <div id="time" class="pull-right">
                        <span id="hours"></span>
                        :
                        <span id="min"></span>
                        :
                        <span id="sec"></span>
                    </div>

                </div>
            </div>
        </header>
        
        <div class="clearfix"></div>
        
        <section id="main" class="p-relative" role="main" ng-controller="roomcontroller">

            <!-- Sidebar -->
            <aside id="sidebar" style="padding: 0 20px 0 20px">

                <!-- Sidbar Widgets -->
                <div class="side-widgets overflow" style="padding-top: 20px">
                    <!-- Profile Menu -->
                    <div class="text-center s-widget m-b-25 " id="profile-menu1">
                        <a href="" data-toggle="dropdown">
                            <img class="profile-pic animated" src="sort/img/profile-pic.jpg" alt="">
                        </a>
                        <h4 class="m-0">Htole System</h4>

                    </div>

                    <div class="text-center s-widget m-b-25 " id="profile-menu" style="padding-top:30px ">
                        <a href="index1.html" data-toggle="dropdown "  class="text1 " >
                            <span class="glyphicon glyphicon-home" style="font-size: 14px;padding-right: 5px"></span>
                            <span >酒店首页</span>
                        </a> <br/>
                        <div class="dropdown">
                            <a href="room.html" data-toggle="dropdown "  class="text1 " >
                                <span class="glyphicon glyphicon-home" style="font-size: 14px;padding-right: 5px"></span>
                                <span >客房管理</span>
                            </a> <br/>
                            <ul class="dropdown-menu profile-menu"  >
                                <li data-toggle="modal" data-target="#myModal_1"><a href="" id="scrollme5">住宿登记</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme1">客房预订</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme2">客户查询</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme3">客房调整</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme4">退房</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            </ul>
                        </div>

                        <a href="KFsys.html"   class="text1 dropdown-toggle">
                            <span class="glyphicon glyphicon-file" style="font-size: 14px;padding-right: 5px"></span>
                            <span >客户信息</span>
                        </a><br/>

                        <div class="dropdown">
                            <a href="p-management.html" data-toggle="dropdown"  class="text1">
                                <span class="glyphicon glyphicon-user" style="font-size: 14px;padding-right: 5px"></span>
                                <span >人员管理</span>
                            </a><br/>
                            <ul class="dropdown-menu profile-menu" >
                                <li><a href="p-management.html">管理部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="l-management.html">后勤部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="s-management.html">安保部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            </ul>
                        </div>

                        <a href="Finance.html" class="text1">
                            <span class="glyphicon glyphicon-th-list" style="font-size: 14px;padding-right: 5px"></span>
                            <span >财务明细</span>
                        </a><br/>

                        <div class="dropdown">
                            <div class="CH_mean">
                                <a href="indexx.html" data-toggle="dropdown"  class="text1">
                                    <span class="glyphicon glyphicon-wrench" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >修理维护</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu">
                                    <li class="b1"><a  >维修信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b2"><a >指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b3"><a  >维修状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b4"><a  >维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>


                            <div class="lbCh">
                                <a href="indexCh.html" data-toggle="dropdown"  class="text1">
                                    <span class="glyphicon glyphicon-trash" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >清洁管理</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu">
                                    <li ><a>清洁信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>清洁状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>
                            <div >
                                <a href="" class="text1" data-toggle="dropdown">
                                    <span class="glyphicon glyphicon-tags" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >日志一览</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu" >
                                    <li><a href="">维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li><a href="">清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li><a href="">财务日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>
                        </div>

                    </div>

                    <!-- Calendar -->
                    <div class="s-widget m-b-25 "  style="padding-top:40px">
                        <div id="sidebar-calendar"></div>
                    </div>

                    <!-- Feeds -->
                    <div class="s-widget m-b-25">
                        <h2 class="tile-title">
                            News Feeds
                        </h2>

                        <div class="s-widget-body">
                            <div id="news-feed"></div>
                        </div>
                    </div>

                    <!-- Projects -->
                </div>
            </aside>
        
            <!-- Content -->
            <section id="content" class="container">

                
                <!-- Breadcrumb -->
                <ol class="breadcrumb hidden-xs" style="padding-right: 30px">
                    <li><a href="#">用户名：<span class="text_lx35"></span></a></li>
                    <li><a href="#">部门：<span class="bumen_lx35"></span></a></li>
                    <li id="login_out"><a ><button style="color: black" >注销</button></a></li>
                </ol>
                <div class="tis_lx"></div>


                <h2 class="page-title">客户信息</h2>

                
              <!--  <hr class="whiter" />-->
                <!--==================================================================================================================================================-->
                <!-- 客户管理的开始 -->
                <div class="block-area" id="tableStriped">
                    <h3 class="block-title">客户管理</h3>
                    <div style="height: 320px" class="table-responsive overflow">
                        <table id="biao" class="tile table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>No.</th>
                                <th>客户姓名</th>
                                <th>入住时间</th>
                                <th>所住房间</th>
                                <th>是否退房</th>
                                <th>退房时间</th>
                                <th>消费金额</th>
                                <th>所交押金</th>
                                <th>入住类型</th>
                                <th>入住状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>Jhon </td>
                                <td>Makinton </td>
                                <td>@makinton</td>
                                <td>Makinton </td>
                                <td>@makinton</td>
                                <td>Makinton </td>
                                <td>@makinton</td>
                                <td>Makinton </td>
                                <td>Makinton </td>
                            </tr>


                            </tbody>
                        </table>
                    </div>
                    <!--按钮-->
                    <div class="row" style="margin-top: 50px">
                        <div class="col-lg-offset-8">
                            <!--<a class="btn m-r-5" data-toggle="modal" href="#modalDefault" class="btn btn-sm">用户详细信息</a>-->
                            <a id="xiu" class="btn m-r-5" data-toggle="modal" href="#modalDefault2" class="btn btn-sm">修改信息</a>
                            <a id="sang" class="btn m-r-5" data-toggle="modal" href="#modalDefault3" class="btn btn-sm">删除信息</a>
                        </div>
                    </div>

                    <!--删除成功弹框-->
                    <div style="position: absolute;top: 220px;width: 100%;display: none" id="tktk4" class="alert alert-danger alert_lx" >
                        <strong class="txt_lx text-center">删除成功！！哈哈哈~</strong><br/>
                    </div>
                    <!--修改成功弹框-->
                    <div style="position: absolute;top: 220px;width: 100%;display: none" id="tktk5" class="alert alert-danger alert_lx" >
                        <strong class="txt_lx text-center">修改成功！！哈哈哈~</strong><br/>
                    </div>
                    <!--日期选择错误弹框-->
                    <div style="position: absolute;top: 220px;width: 100%;display: none" id="tktk6" class="alert alert-danger alert_lx" >
                        <strong class="txt_lx text-center">日期选择错误！！哈哈哈~</strong><br/>
                    </div>
                    <!--弹出框1-->
                    <div class="modal fade" id="modalDefault" tabindex="-1" role="dialog" aria-hidden="true">
                        <div style="margin-top:200px " class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title">用户详细信息</h4>
                                </div>
                                <div style="font-size: 20px" class="modal-body">
                                    <p>用户姓名：刘德华</p>
                                    <p>联系电话：15651534444</p>
                                    <p>证件号码：53254545142121212</p>
                                </div>
                                <div class="modal-footer">
                                    <!--<button type="button" class="btn btn-sm">Save changes</button>-->
                                    <button type="button" class="btn btn-sm" data-dismiss="modal">返回</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--弹出框2-->
                    <div class="modal fade" id="modalDefault2" tabindex="-1" role="dialog" aria-hidden="true">
                        <div style="margin-top:170px;width: 60% " class="modal-dialog">
                            <div style="background: rgb(0, 0, 0)" class="modal-content">
                                <div style="position: absolute;top: 100px;width: 100%;display: none" id="tktk1" class="alert alert-danger alert_lx" >
                                    <strong class="txt_lx text-center">修改成功！！哈哈~</strong><br/>
                                </div>
                                <div class="modal-header">
                                    <button id="xxx" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title">请选择你要修改的项目&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;是否全部修改？<button id="qbxg" type="button" class="btn btn-sm">全部修改</button><button id="qxqb" style="display: none" type="button" class="btn btn-sm">取消全部</button></h4>
                                </div>
                                <div style="font-size: 15px" class="modal-body">
                                    <div class="row">
                                        <div class="col-lg-offset-1 col-lg-5">
                                            <lable>客户姓名：</lable>
                                            <button id="xinmin" style="width: 117px" class="btn m-r-5">点击修改姓名</button>
                                            <input id="xinmin2" class="xinmin" type="text"/>
                                            <button id="qbxm" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                        <div class="col-lg-5">
                                            <lable>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</lable>
                                            <button id="xinbie" style="width: 117px" class="btn m-r-5">点击修改性别</button>
                                            <input id="xinbie2" class="xinmin" type="text"/>
                                            <!--<input class="xinbie" type="radio" value="男"/>-->
                                            <!--<input class="xinbie" type="radio" value="女"/>-->
                                            <button id="qbxb" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                    </div>

                                    <div style="margin-top: 15px" class="row">
                                        <div class="col-lg-offset-1 col-lg-5">
                                            <lable>入住时间：</lable>
                                            <button id="rzsj" class="btn m-r-5">点击修改入住时间</button>
                                            <input id="rzsj2" style="height: 26px" class="xinmin" type="date"/>
                                            <button id="qbrz" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                        <div class="col-lg-5">
                                            <lable>退房时间：</lable>
                                            <button id="tfsj" class="btn m-r-5">点击修改退房时间</button>
                                            <input id="tfsj2" style="height: 26px" class="xinmin" type="date"/>
                                            <button id="qbtf" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                    </div>

                                    <div style="margin-top: 15px" class="row">
                                        <div class="col-lg-offset-1 col-lg-5">
                                            <lable>证件号码：</lable>
                                            <button id="zjhm" class="btn m-r-5">点击修改证件号码</button>
                                            <input id="zjhm2" class="xinmin" type="number"/>
                                            <button id="qbzj" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                        <div class="col-lg-5">
                                            <lable>所住房间：</lable>
                                            <button id="szfj" class="btn m-r-5">点击修改所住房间</button>
                                            <input id="szfj2" class="xinmin" type="number"/>
                                            <button id="qbfj" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                    </div>

                                    <div style="margin-top: 15px" class="row">
                                        <div class="col-lg-offset-1 col-lg-5">
                                            <lable>所住房费：</lable>
                                            <button id="xfje" class="btn m-r-5">点击修改所住房费</button>
                                            <input id="xfje2" class="xinmin" type="number"/>
                                            <button id="qbjz" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                        <div class="col-lg-5">
                                            <lable>所交押金：</lable>
                                            <button id="sjyj" class="btn m-r-5">点击修改所交押金</button>
                                            <input id="sjyj2" class="xinmin" type="number"/>
                                            <button id="qbyj" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                    </div>

                                    <div style="margin-top: 15px" class="row">
                                        <div class="col-lg-offset-1 col-lg-5">
                                            <lable>入住类型：</lable>
                                            <button id="szlx" class="btn m-r-5">点击修改入住类型</button>
                                            <input id="szlx2" class="xinmin" type="text"/>
                                            <button id="qblx" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                        <div class="col-lg-5">
                                            <lable>电话号码：</lable>
                                            <button style="width: 117px" id="dhhm" class="btn m-r-5">点击修改电话</button>
                                            <input id="dhhm2" class="xinmin" type="tel"/>
                                            <button id="qbdh" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                    </div>

                                    <!--====-->
                                    <div style="margin-top: 15px" class="row">
                                        <div class="col-lg-offset-1 col-lg-5">
                                            <lable>消费金额：</lable>
                                            <button id="szlxo" class="btn m-r-5">点击修改消费金额</button>
                                            <input id="szlx2o" class="xinmin" type="text"/>
                                            <button id="qblxo" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                        <div class="col-lg-5">
                                            <lable>入住状态：</lable>
                                            <button style="width: 117px" id="dhhmo" class="btn m-r-5">点击修改入住状态</button>
                                            <input id="dhhm2o" class="xinmin" type="tel"/>
                                            <button id="qbdho" type="button" class="btn btn-sm xiux">修改</button>
                                        </div>
                                    </div>
                                    <!--===-->

                                </div>
                                <div class="modal-footer">
                                    <button id="xiugai" style="display: none" type="button" class="btn btn-sm" data-dismiss="modal">修改</button>
                                    <button id="fanhui" type="button" class="btn btn-sm" data-dismiss="modal">关闭</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--弹出框3-->
                    <div class="modal fade" id="modalDefault3" tabindex="-1" role="dialog" aria-hidden="true">
                        <div style="margin-top:200px " class="modal-dialog">
                            <div style="background: rgb(0, 0, 0)" class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title">删除用户信息</h4>
                                </div>
                                <div style="font-size: 20px" class="modal-body">
                                    <p>确定删除该用户信息吗？</p>
                                    <!--<p>联系电话：15651534444</p>-->
                                    <!--<p>证件号码：53254545142121212</p>-->
                                </div>
                                <div class="modal-footer">
                                    <button type="button" id="shang" class="btn btn-sm" data-dismiss="modal">删除</button>
                                    <button type="button" class="btn btn-sm" data-dismiss="modal">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!--搜索名字-->
                    <div class="row">
                        <div class="col-lg-2">
                            <input id="mhmin" type="text" class="form-control m-b-10" placeholder="姓名模糊查询">
                        </div>

                        <!--搜索日期-->

                        <div class="col-lg-2 col-lg-offset-2">
                            <label>开始日期</label>
                            <input id="kaishit" type="date" class="form-control m-b-10" placeholder="搜索日期">
                            <lable>结束日期</lable>
                            <input id="jieshu" type="date" class="form-control m-b-10" placeholder="搜索日期">
                            <button id="churiqi" class="btn btn-sm m-r-5">查询</button>
                            <button id="churiqi2" class="btn btn-sm m-r-5">返回</button>
                        </div>
                    </div>




                </div>


                <!-- 客房管理的结束 -->
         <!--------------------------------------------------------------------------------------------------------------------------------------------->
            </section>

            <!-- Older IE Message -->
            <!--[if lt IE 9]>
                <div class="ie-block">
                    <h1 class="Ops">Ooops!</h1>
                    <p>You are using an outdated version of Internet Explorer, upgrade to any of the following web browser in order to access the maximum functionality of this website. </p>
                    <ul class="browsers">
                        <li>
                            <a href="https://www.google.com/intl/en/chrome/browser/">
                                <img src="sort/img/browsers/chrome.png" alt="">
                                <div>Google Chrome</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.mozilla.org/en-US/firefox/new/">
                                <img src="sort/img/browsers/firefox.png" alt="">
                                <div>Mozilla Firefox</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.opera.com/computer/windows">
                                <img src="sort/img/browsers/opera.png" alt="">
                                <div>Opera</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://safari.en.softonic.com/">
                                <img src="sort/img/browsers/safari.png" alt="">
                                <div>Safari</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages">
                                <img src="sort/img/browsers/ie.png" alt="">
                                <div>Internet Explorer(New)</div>
                            </a>
                        </li>
                    </ul>
                    <p>Upgrade your browser for a Safer and Faster web experience. <br/>Thank you for your patience...</p>
                </div>   
            <![endif]-->
        </section>
        
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="lib/js/jquery.min.js"></script> <!-- jQuery Library -->
        <script src="lib/js/jquery-ui.min.js"></script> <!-- jQuery UI -->

        <!-- Bootstrap -->
        <script src="lib/js/bootstrap.min.js"></script>

        <!-- Form Related -->
        <script src="lib/js/select.min.js"></script> <!-- Custom Select -->
        <script src="lib/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->

        <!-- Text Editor -->
        <script src="lib/js/editor.min.js"></script> <!-- WYSIWYG Editor -->

        <!-- UX -->
        <script src="lib/js/scroll.min.js"></script> <!-- Custom Scrollbar -->

        <!-- Other -->
        <script src="lib/js/calendar.min.js"></script> <!-- Calendar -->
        <script src="lib/js/feeds.min.js"></script> <!-- News Feeds -->
        <!--客房管理 -->

        <script src="lib/js/angular.js"></script>
        <!--  <script src="lib/js/angular-route.js"></script>-->
        <script src="sort/js/room.js"></script>


        <!-- All JS functions -->
        <script src="lib/js/functions.js"></script>
        <script src="communal/js/reg.js"></script>
        <!-- 入住登记js-->
        <script src="lib/js/angular.js"></script>
        <script src="sort/js/room.js"></script>
        <script src="communal/js/local.js"></script>
        <script src="sort/js/wang.js"></script>
        <script src="communal/js/local.js"></script>
    </body>
</html>
